<template>
  <div class="footer">
    <div class="box">
      <!-- dl列表 -->
      <div class="list">
        <dl>
          <dt>选购及了解</dt>
          <dd>usp</dd>
          <dd>Glock-17</dd>
          <dd>Glock-18</dd>
          <dd>沙漠之鹰</dd>
          <dd>sevenfive</dd>
          <dd>p228</dd>
          <dd>柯尔特</dd>
          <dd>M500</dd>
          <dd>RPK</dd>
          <dd>MG3</dd>
        </dl>
        <dl>
          <dt>服务</dt>
          <dd>M16</dd>
          <dd>M4A1</dd>
          <dd>AK-47</dd>
          <dd>AN94</dd>
          <dd>95式自动步枪</dd>
          <dd>SCAR突击</dd>
          <dd>M14EBR</dd>
        </dl>
        <dl>
          <dt>华为 商店</dt>
          <dd>查找零售店</dd>
          <dd>Genius Bar 天才吧</dd>
          <dd>Today at 华为</dd>
          <dd>华为 夏令营</dd>
          <dd>华为 Store App</dd>
          <dd>翻新和优惠</dd>
          <dd>分期付款</dd>
          <dd>华为 Trade In 换购计划</dd>
          <dd>订单状态</dd>
          <dd>选购帮助</dd>
        </dl>
        <dl>
          <dt>应用</dt>
          <dd>华为 与商务</dd>
          <dd>商务选购</dd>
          <dd>华为 与教育</dd>
          <dd>高校师生选购</dd>
        </dl>
        <dl>
          <dt>华为 价值观</dt>
          <dd>辅助功能</dd>
          <dd>教育</dd>
          <dd>环境责任</dd>
          <dd>隐私</dd>
          <dd>供应商责任</dd>
          <dd>Newsroom</dd>
          <dd>华为 管理层</dd>
          <dd>工作机会</dd>
          <dd>创造就业</dd>
          <dd>商业道德与合规性</dd>
          <dd>活动</dd>
          <dd>联系 华为</dd>
        </dl>
      </div>
      <!-- 文字说明 -->
      <div class="call">
        <p>更多选购方式: <span>查找你附近的 华为 零售店及更多门店</span>,或者致电 400-666-8800</p>
        <hr>
        <p class="two">Copyright © 2022 华为 Inc. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 保留所有权利。隐私政策 | 使用条款 | 销售政策 | 法律信息 | 网站地图</p>
        <p class="two">京ICP备10214530号 营业执照 无线电发射设备销售备案编号11201510351200</p>
      </div>
    </div>
  </div>
</template>

<script>
export default {}
</script>

<style lang='scss' scoped>
.footer {
  background-color: rgb(245, 245, 247);
}
.box {
  width: 1000px;
  margin: 0 auto;
  .list {
    display: flex;
    justify-content: space-around;
    color: #555;
    dl {
      margin-top: 10px;

      dt {
        font-size: 15px;
        padding-bottom: 5px;
        font-weight: 700;
      }
      dd {
        font-size: 12px;
        padding-bottom: 5px;
      }
    }
  }
  .call{
    margin-top: 20px;
    margin-left: 53px;
    font-size: 12px;
    color: #aaa;
    hr{
      margin: 10px 0;
      background-color: #555;
    }
    span{
      color: purple;
    }
    .two{
      padding-bottom: 10px;
    }
  }
}
</style>
